<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:a4j="http://richfaces.org/a4j"
	  xmlns:rich="http://richfaces.org/rich">
	  
	<ui:composition template="/plantillas/comun.xhtml">
		<ui:define name="pageTitle">
			<h:outputText value="Contactos Cliente - Vimeworks"/>
		</ui:define>
		<ui:define name="pageContent">
			<h:form>
				<h3>
					<h:outputText value="Administraci&#243;n de Contactos Cliente"/>
				</h3>
				<h:panelGrid columns="3">
					<h:outputText value="Empresa:" />
					<rich:select value="#{administracionRecursosCliente.empresaBusqueda}">
						<f:selectItem itemLabel="[Todas]" itemValue=""/>
						<f:selectItems value="#{administracionRecursosCliente.listaEmpresas}" var="empresa" itemValue="#{empresa.codigo}" itemLabel="#{empresa.nombre}"/>
					</rich:select>
					<br/>
					<h:outputText value="Nombre:" />
					<h:panelGroup>
						<h:inputText value="#{administracionRecursosCliente.nombreBusqueda}"/>
						<h:panelGroup>
							<a4j:commandButton value="Buscar" action="#{administracionRecursosCliente.buscar}" render="listadoRecursos"/>
							<a4j:commandButton value="Nuevo" action="#{administracionRecursosCliente.nuevoRecursoCliente}" oncomplete="#{rich:component('modalNuevoRecurso')}.show(); return false;"/>
						</h:panelGroup>
					</h:panelGroup>
				</h:panelGrid>
				<br/><br/>
				<h:panelGroup id="listadoRecursos">
					<rich:dataTable id="tablaRecursosEmpresa" value="#{administracionRecursosCliente.listaRecursos}" var="recurso" rows="10" noDataLabel="No se han encontrado resultados">
						<rich:column>
							<f:facet name="header">
								<h:outputText value="C&#243;digo" />
							</f:facet>
							<h:outputText value="#{recurso.codigo}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Nombre" />
							</f:facet>
							<h:outputText value="#{recurso.nombre}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Correo Electr&#243;nico" />
							</f:facet>
							<h:outputText value="#{recurso.correoElectronico}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Tel&#233;fono" />
							</f:facet>
							<h:outputText value="#{recurso.telefono}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="Empresa" />
							</f:facet>
							<h:outputText value="#{recurso.empresaCliente.nombre}" />
						</rich:column>
						<rich:column>
							<a4j:commandLink actionListener="#{administracionRecursosCliente.editarRecurso}" oncomplete="#{rich:component('modalActualizarRecurso')}.show(); return false;" render="panelActualizarRecurso">
								<h:graphicImage value="/images/info.png" width="20px" height="20px" title="Editar"/>
							</a4j:commandLink>
							<a4j:commandLink actionListener="#{administracionRecursosCliente.eliminarRecurso}" onclick="return mostrarConfirmacion('Esta seguro que desea eliminar el registro?');" render="listadoRecursos">
								<h:graphicImage value="/images/remove.png"  width="20px" height="20px" title="Eliminar"/>
							</a4j:commandLink>
						</rich:column>
					</rich:dataTable>
					<rich:dataScroller for="tablaRecursosEmpresa" maxPages="5" />
				</h:panelGroup>
			</h:form>
			<rich:popupPanel id="modalNuevoRecurso" modal="true" autosized="true">
				<f:facet name="header">
					<h:outputText value="Ingreso de Personal de Cliente" />
				</f:facet>
				<h:form>
					<center>
						<h:panelGrid columns="2">
							<h:outputText value="Empresa Cliente"/>
							<h:selectOneMenu value="#{administracionRecursosCliente.empresaActualizacion}">
								<f:selectItems value="#{administracionRecursosCliente.listaEmpresas}" var="empresa" itemValue="#{empresa.codigo}" itemLabel="#{empresa.nombre}"/>
							</h:selectOneMenu>
							<h:outputText value="Nombre:"/>
							<h:panelGroup>
								<h:inputText id="nombreNuevoCliente" value="#{administracionRecursosCliente.recursoCliente.nombre}" maxlength="150" size="35">
									<f:validator validatorId="validadorNoVacio"/>
								</h:inputText>
								<rich:message ajaxRendered="true" for="nombreNuevoCliente"/>
							</h:panelGroup>
							<h:outputText value="Correo electr&#243;nico:"/>
							<h:inputText value="#{administracionRecursosCliente.recursoCliente.correoElectronico}" maxlength="50" size="35"/>
							<h:outputText value="Tel&#233;fono:"/>
							<h:inputText value="#{administracionRecursosCliente.recursoCliente.telefono}" maxlength="10" size="35"/>
						</h:panelGrid>
						<br/>
						<a4j:commandButton value="Guardar" action="#{administracionRecursosCliente.guardarNuevo}" 
										   render="listadoRecursos mensajesError_" data="#{facesContext.maximumSeverity.ordinal ge 2}"
										   oncomplete="ocultarModal('modalNuevoRecurso', event.data);" execute="@form"/>
						<a4j:commandButton value="Cancelar" onclick="#{rich:component('modalNuevoRecurso')}.hide(); return false;"/>
					</center>
				</h:form>
			</rich:popupPanel>
			<rich:popupPanel id="modalActualizarRecurso" modal="true" autosized="true">
				<f:facet name="header">
					<h:outputText value="Actualizaci&#243;n de Personal de Cliente" />
				</f:facet>
				<h:form>
					<center>
						<h:panelGrid id="panelActualizarRecurso" columns="2">
							<h:outputText value="Empresa Cliente"/>
							<h:selectOneMenu value="#{administracionRecursosCliente.recursoCliente.empresaCliente.codigo}" >
								<f:selectItems value="#{administracionRecursosCliente.listaEmpresas}" var="empresa" itemValue="#{empresa.codigo}" itemLabel="#{empresa.nombre}"/>
							</h:selectOneMenu>
							<h:outputText value="Nombre:"/>
							<h:panelGroup>
								<h:inputText id="nombreActualizarCliente" value="#{administracionRecursosCliente.recursoCliente.nombre}" maxlength="150" size="35" required="true">
									<f:validator validatorId="validadorNoVacio"/>
								</h:inputText>
								<rich:message ajaxRendered="true" for="nombreActualizarCliente"/>
							</h:panelGroup>
							<h:outputText value="Correo electr&#243;nico:"/>
							<h:inputText value="#{administracionRecursosCliente.recursoCliente.correoElectronico}" maxlength="50" size="35"/>
							<h:outputText value="Tel&#233;fono:"/>
							<h:inputText value="#{administracionRecursosCliente.recursoCliente.telefono}" maxlength="10" size="35"/>
						</h:panelGrid>
						<br/>
						<a4j:commandButton value="Guardar" action="#{administracionRecursosCliente.guardarRecursoActualizado}" 
						                   render="listadoRecursos panelActualizarRecurso mensajesError_" 
						                   data="#{facesContext.maximumSeverity.ordinal ge 2}"
						                   oncomplete="ocultarModal('modalActualizarRecurso', event.data);" execute="@form"/>
						<a4j:commandButton value="Cancelar" onclick="#{rich:component('modalActualizarRecurso')}.hide(); return false;"/>
					</center>
				</h:form>
			</rich:popupPanel>
		</ui:define>
	</ui:composition>
</html>